<!DOCTYPE html>
<html lang="en">

<head>
    <!-- meta tag -->
    <meta charset="utf-8">
    <title>中智物联</title>
    <!--    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />-->
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="中智物联,停就行,中智,物联,停车" />

    <meta name="keywords" content="中智物联,停就行,中智,物联,停车" />


    <!-- responsive tag -->
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- favicon -->
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="shortcut icon" type="image/x-icon" href="images/fav.png">
    <!-- bootstrap v3.3.7 css -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <!-- font-awesome css -->
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <!-- animate css -->
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <!-- owl.carousel css -->
    <link rel="stylesheet" type="text/css" href="css/owl.carousel.css">
    <!-- slick css -->
    <link rel="stylesheet" type="text/css" href="css/slick.css">
    <!-- off canvas css -->
    <link rel="stylesheet" type="text/css" href="css/off-canvas.css">
    <!-- linea-font css -->
    <link rel="stylesheet" type="text/css" href="fonts/linea-fonts.css">
    <!-- flaticon css  -->
    <link rel="stylesheet" type="text/css" href="fonts/flaticon.css">
    <!-- nivo slider CSS -->
    <link rel="stylesheet" type="text/css" href="inc/custom-slider/css/nivo-slider.css">
    <link rel="stylesheet" type="text/css" href="inc/custom-slider/css/preview.css">
    <!-- magnific popup css -->
    <link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
    <!-- Main Menu css -->
    <link rel="stylesheet" href="css/rsmenu-main.css">
    <!-- rsmenu transitions css -->
    <link rel="stylesheet" href="css/rsmenu-transitions.css">
    <!-- style css -->
    <link rel="stylesheet" type="text/css" href="style.css">
    <!-- This stylesheet dynamically changed from style.less -->
    <!-- responsive css -->
    <link rel="stylesheet" type="text/css" href="css/responsive.css">

    <!-- Link Swiper's CSS -->

    <!--[if !IE 9]><!-->
    <link rel="stylesheet" href="css/swiper.min.css">

    <!--<![endif]-->


    <!--[if IE 9]>
    <link rel="stylesheet" href="css/idangerous.swiper.css">
    <![endif]-->

    <!-- Demo styles -->
    <style>
        /*导航*/
        .open_data .open_right a,
        .open_data2 .open_right a {
            color: #666666 !important;
            font-size: 14px !important;
            height: 14px !important;
            width: 100px !important;
            float: left;
            vertical-align: middle;
        }

        .open_data .open_right img,
        .open_data2 .open_right img {
            float: left;
            margin-left: 33px;
            vertical-align: middle;
        }

        .open_data {
            width: 400px;
            height: 300px;
            background: white;
            position: absolute;
            z-index: 100;
            display: none;
        }

        .open_data2 {
            width: 150px;
            height: 300px;
            background: white;
            position: absolute;
            z-index: 99;
            display: none;
        }

        .open_data .open_left,
        .open_data2 .open_left {
            float: left;
        }

        .open_data .open_right,
        .open_data2 .open_right {
            float: left;
        }

        .open_data .open_left,
        .open_data2 .open_left {
            width: 200px;
            height: 100%;
            background: #F7F7F7;
        }

        .open_data .open_right,
        .open_data2 .open_right {
            width: 200px;
            height: 100%;
            background: white;
        }

        .open_data .open_left .open_left_all .open_left_item,
        .open_data .open_right .open_left_all .open_left_item,
        .open_data2 .open_left .open_left_all .open_left_item,
        .open_data2 .open_right .open_left_all .open_left_item {
            height: 14px;
            width: 200px;
            text-align: center;
            margin-top: 25px;
        }


        .open_data .open_left a,
        .open_data .open_right a,
        .open_data2 .open_left a,
        .open_data2 .open_right a {
            color: #666666 !important;
            font-size: 14px !important;
            height: 26px !important;
            width: 100%;
            line-height: 23px !important;
        }

        .open_data .open_left a:hover,
        .open_data .open_right a:hover,
        .open_data2 .open_left a:hover,
        .open_data2 .open_right a:hover {
            color: #BA2F2F !important;
        }

        .open_data {
            width: 100%;
        }

        .open_data .open_left {
            float: left;
            width: 40%;
            text-align: center;
        }

        .open_data .open_right {
            float: left;
            width: 60%;
            text-align: center;
        }

        .open_data .open_left a {
            width: 40%;
        }

        .open_data .open_right a {
            width: 60%;
        }


        .open_data2 {
            width: 100%;
        }

        .open_data2 .open_left {
            float: left;
            width: 100%;
            text-align: center;
        }

        /*头部*/
        .carousel-item img {
            width: 100% !important;
        }

        .rs-menu-toggle {
            float: left !important;
        }

        .fa.fa-bars {
            font-size: 28px !important;
        }

        /*banner*/
        #mod_slide {
            margin-top: -75px !important;
        }

        .logo_title {
            height: 75px;
            width: 200px !important;
            margin: 0 auto;
            text-align: center;
            color: #FFFFFF;
            line-height: 75px;
        }

        .logo_title img {
            width: 88.5px;
            height: 13.5px;
        }

        /*轮播模块*/
        .index_part10 .title {
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            color: #000000;
            margin-top: 30px;
        }

        .index_part10 .des {
            width: 297px;
            /*padding-left: 39px;*/
            /*padding-right: 39px;*/
            text-align: center;
            font-size: 13px;
            color: #666666;
            margin-top: 14.5px !important;
            margin: 0 auto;
        }

        .index_part10 .item_img {
            padding-left: 13.5px;
            padding-right: 13.5px;
            margin-top: 30px;
            text-align: center;
        }

        .index_part10 .item_img img {
            width: 100%;
        }

        .index_part10 .tabs {
            width: 280px;
            display: flex;
            margin: 0 auto;
            margin-top: 15px !important;
        }

        .index_part10 .tabs .tab {
            flex: 1;
            text-align: center;
            font-size: 13px;
        }

        .index_part10 .tabs .tab:nth-child(2) {
            border-left: 1px solid #D6D6D6;
            border-right: 1px solid #D6D6D6;
        }

        .index_part10 .item_img img.shebei1 {
            height: 134px !important;
            width: 134px !important;
            margin-top: 80px;
        }

        .index_part10 .name {
            text-align: center;
            color: #0E0E0E;
            font-size: 14px;
            margin-top: 44.5px;
        }

        /*模块三你*/
        .mod3 {
            /* height: 474.5px; */
            width: 100%;
            background: #FFFFFF;
            position: relative;
        }

        .mod3_items {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            transition: all 2s;
        }

        .mod3_items .mod3_item {
            width: 33.33%;
            text-align: center;
            color: #666666;
            font-size: 10px;
            margin-top: 40px;
        }

        .mod3_items .mod3_item img {
            height: 30px;
            width: 30px;
        }

        .mod3 .mod3_title {
            color: #000000;
            font-size: 18px;
            font-weight: 600;
            text-align: center;
            padding-top: 30px;
        }

        .mod3 .mod3_des {
            color: #666666;
            font-size: 13px;
            width: 297px;
            text-align: center;
            margin: 0 auto;
            margin-top: 14.5px !important;
        }

        #open_All {
            width: 90px;
            height: 29px;
            line-height: 29px;
            text-align: center;
            color: #BABABA;
            font-size: 12px;
            border: 1px solid rgba(221, 221, 221, 1);
            margin: 20px auto;
        }

        /*模块四*/
        .mod4 {
            position: relative;
        }

        .mod4 .mod4_title {
            text-align: center;
            color: #000000;
            font-size: 18px;
            font-weight: 600;
            margin-top: 30px;
        }

        .mod4 .mod4_des {
            width: 297px;
            color: #666666;
            font-size: 13px;
            text-align: center;
            margin-top: 14.5px !important;
            margin: 0 auto;
        }

        .mod4 .mod4_items {
            width: 100%;
            height: auto;
            margin-top: 34px;
            display: flex;
            flex-wrap: wrap;
        }

        .mod4 .mod4_items .mod4_item {
            width: 33.33%;
            text-align: center;
            margin-bottom: 10px;
        }

        .mod4 .mod4_items .mod4_item img {
            width: 110px;
            height: 50px;
        }

        .open_All2 {
            height: 29px;
            text-align: center;
            line-height: 29px;
            width: 100%;
            margin-top: 15px;
            margin-bottom: 20px;
        }

        .open_All2 span {
            padding: 10px 21px;
            border: 1px solid rgba(221, 221, 221, 1);
            color: #BABABA;
            font-size: 12px;
        }

        .mod5 {
            padding-left: 14px;
            padding-right: 14px;
            background: white;
        }

        .mod5_items {
            width: 100%;
            height: auto;
        }

        .mod5_items .mod5_item {
            width: 100%;
            height: 50px;
            border-bottom: 1px solid #DDDDDD;
            line-height: 50px;
            color: #000000;
            font-size: 12px;
            position: relative;
        }

        .mod5_items .mod5_item img {
            width: 6px;
            height: 10px;
            position: absolute;
            right: 0px;
            top: 50%;
            margin-top: -5px;
        }

        .footer {
            text-align: center;
        }

        .footer img {
            width: 101px;
            height: 21.5px;
            margin-top: 31px;
        }

        .footer .phone {
            color: #0E0E0E;
            font-size: 10px;
            margin-top: 12.5px;
        }

        .footer .beian {
            color: #676767;
            font-size: 8px;
            margin-top: 15px;
            padding-bottom: 28.5px;
        }

        .mod1_slide {
            padding-bottom: 30px;
        }

        .mod1_slide .item_img {
            position: relative;
        }

        .mod1_slide .my-button-prev2 {
            width: 40px;
            height: 40px;
            background-image: url('./images/left.png');
            background-size: 100% 100%;
        }

        .mod1_slide .my-button-next2 {
            width: 40px;
            height: 40px;
            background-image: url('./images/right.png');
            background-size: 100% 100%;
        }

        .mod1_slide .label-group {
            position: absolute;
            bottom: 0;
            left: 13.5px;
            right: 13.5px;
            background: rgba(0, 0, 0, 0.3);
            padding: 20px;

        }

        .mod1_slide .label-group .title {
            color: #E0E0E0;
            font-size: 20px;
            text-align: left;
            margin-top: 0;
            font-weight: 600;
        }

        .mod1_slide .label-group .label {
            color: #D6D6D6;
            font-size: 18px;
            text-align: left;
        }

        .swiper-pagination2 {
            text-align: center;
            margin-top: 60px;
        }

        .swiper-container .swiper-pagination-bullet-active {
            background-color: #FF3939;
        }


        .mod_new_slide .my-button-prev3 {
            width: 40px;
            height: 40px;
            background-image: url('./images/left.png');
            background-size: 100% 100%;
            position: absolute;
            top: 165px;
            left: 14px;
            z-index: 10;
        }

        .mod_new_slide .my-button-next3 {
            width: 40px;
            height: 40px;
            background-image: url('./images/right.png');
            background-size: 100% 100%;
            position: absolute;
            top: 165px;
            right: 14px;
            z-index: 10;
        }

        .mask {
            width: 100%;
            height: 100%;
            position: absolute;
            margin-top: 75px;
            display:none;
            z-index: 99;
        }
    </style>
</head>

<body>
    <div class="defult-home" id="app">
        <div id="loading" class="image-preloader">
            <div class="loader"><img src="images/logo3.png" alt=""></div>
        </div>
        <!--End preloader here -->

        <!--Full width header Start-->
        <div class="full-width-header">
            <!--Header Start-->
            <header id="rs-header" class="rs-header">
                <!-- Menu Start -->
                <div class="menu-area menu-sticky">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-9 col-md-12">
                                <div class="main-menu">
                                    <a class="rs-menu-toggle"><i class="fa fa-bars" style="color: white"></i></a>
                                    <div class="logo_title">
                                        <img src="./images/wraplogo.png" alt="">
                                    </div>
                                    <!--                                    <nav class="rs-menu">-->
                                    <!--                                        <ul class="nav-menu">-->
                                    <!--                                            <li>-->
                                    <!--                                                <a href="index.html">首页</a>-->
                                    <!--                                                <div class="link_line"></div>-->
                                    <!--                                            </li>-->
                                    <!--                                            <li class="shebei_link">-->
                                    <!--                                                <a href="javascript:;">智慧设备</a>-->
                                    <!--                                                <div class="open_data">-->
                                    <!--                                                    <div class="open_left">-->
                                    <!--                                                        <div class="open_left_all">-->
                                    <!--                                                            <div class="open_left_item mouseLi1 dom_item"><a-->
                                    <!--                                                                    href="#">智慧停车</a></div>-->
                                    <!--                                                            <div class="open_left_item mouseLi2 dom_item"><a-->
                                    <!--                                                                    href="#">智慧充电</a></div>-->
                                    <!--                                                            <div class="open_left_item mouseLi3 dom_item"><a-->
                                    <!--                                                                    href="#">智慧照明</a></div>-->
                                    <!--                                                        </div>-->
                                    <!--                                                    </div>-->
                                    <!--                                                    <div class="open_right">-->
                                    <!--                                                        <div class="open_left_all mouseLi_item1 dom_item_content">-->
                                    <!--                                                            <div class="open_left_item">-->
                                    <!--                                                                <img src="./images/equipment_icon_lora.png" alt="">-->
                                    <!--                                                                <a href="./html/deviceLora.html">LORA地磁</a>-->
                                    <!--                                                            </div>-->
                                    <!--                                                            <div class="open_left_item">-->
                                    <!--                                                                <img src="./images/equipment_icon_nblot.png" alt="">-->
                                    <!--                                                                <a href="./html/deviceNblot.html">NB-lot地磁</a>-->
                                    <!--                                                            </div>-->
                                    <!--                                                            <div class="open_left_item">-->
                                    <!--                                                                <img src="./images/equipment_icon_disuo.png" alt="">-->
                                    <!--                                                                <a href="./html/deviceDisuo.html">地锁</a>-->
                                    <!--                                                            </div>-->
                                    <!--                                                            <div class="open_left_item">-->
                                    <!--                                                                <img src="./images/equipment_icon_daozha.png" alt="">-->
                                    <!--                                                                <a href="./html/deviceDaozha.html">道闸</a>-->
                                    <!--                                                            </div>-->
                                    <!--                                                            <div class="open_left_item">-->
                                    <!--                                                                <img src="./images/equipment_icon_gwsxt.png" alt="">-->
                                    <!--                                                                <a href="./html/deviceGaowei.html">高位摄像头</a>-->
                                    <!--                                                            </div>-->
                                    <!--                                                            <div class="open_left_item">-->
                                    <!--                                                                <img src="./images/equipment_icon_spz.png" alt="">-->
                                    <!--                                                                <a href="./html/deviceShipin.html">视频桩</a>-->
                                    <!--                                                            </div>-->
                                    <!--                                                            <div class="open_left_item">-->
                                    <!--                                                                <img src="./images/equipment_icon_pda.png" alt="">-->
                                    <!--                                                                <a href="./html/devicePda.html">PDA</a>-->
                                    <!--                                                            </div>-->
                                    <!--                                                        </div>-->
                                    <!--                                                        <div class="open_left_all mouseLi_item2 dom_item_content">-->
                                    <!--                                                            <div class="open_left_item">-->
                                    <!--                                                                <img src="./images/newicon1.png" alt="">-->
                                    <!--                                                                <a href="./html/deviceCharge.html">充电桩</a>-->
                                    <!--                                                            </div>-->
                                    <!--                                                        </div>-->
                                    <!--                                                        <div class="open_left_all mouseLi_item3 dom_item_content">-->
                                    <!--                                                            <div class="open_left_item">-->
                                    <!--                                                                <img src="./images/newicon2.png" alt="">-->
                                    <!--                                                                <a href="./html/deviceLamp.html">智慧灯杆</a>-->
                                    <!--                                                            </div>-->
                                    <!--                                                        </div>-->
                                    <!--                                                    </div>-->
                                    <!--                                                </div>-->
                                    <!--                                            </li>-->
                                    <!--                                            <li class="shebei_link2">-->
                                    <!--                                                <a href="#">智慧方案</a>-->
                                    <!--                                                <div class="open_data2">-->
                                    <!--                                                    <div class="open_left">-->
                                    <!--                                                        <div class="open_left_all">-->
                                    <!--                                                            <div class="open_left_item"><a href="./html/plan.html">智慧停车</a></div>-->
                                    <!--                                                            <div class="open_left_item"><a href="./html/planCharge.html">智慧充电</a></div>-->
                                    <!--                                                            <div class="open_left_item"><a href="./html/planLamp.html">智慧照明</a></div>-->
                                    <!--                                                        </div>-->
                                    <!--                                                    </div>-->
                                    <!--                                                </div>-->
                                    <!--                                            </li>-->
                                    <!--                                            <li><a href="./html/production.html">生产基地</a></li>-->
                                    <!--                                            <li><a href="./html/shopParner.html">商户合作</a></li>-->
                                    <!--                                            <li><a href="./html/aboutUs.html">关于我们</a></li>-->
                                    <!--                                        </ul> &lt;!&ndash; //.nav-menu &ndash;&gt;-->
                                    <!--                                    </nav>-->
                                </div> <!-- //.main-menu -->
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Menu End -->

                <!-- Canvas Menu start -->
                <!--                <nav class="right_menu_togle hidden-md">-->
                <!--                    <div class="close-btn"><span id="nav-close" class="text-center"><i class="fa fa-close"></i></span>-->
                <!--                    </div>-->
                <!--                    <div class="canvas-logo">-->
                <!--                        <a href="index.html"><img src="images/logo.png" alt="logo"></a>-->
                <!--                    </div>-->
                <!--                    <div class="offcanvas-text">-->
                <!--                        <p>Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using-->
                <!--                            ‘Content here, content here’, making it look like readable English.</p>-->
                <!--                    </div>-->
                <!--                    <div class="canvas-contact">-->
                <!--                        <h5 class="canvas-contact-title">Contact Info</h5>-->
                <!--                        <ul class="contact">-->
                <!--                            <li><i class="fa fa-globe"></i>Middle Badda, Dhaka, BD</li>-->
                <!--                            <li><i class="fa fa-phone"></i>+123445789</li>-->
                <!--                            <li><i class="fa fa-envelope"></i><a-->
                <!--                                    href="mailto:info@yourcompany.com">info@yourcompany.com</a></li>-->
                <!--                            <li><i class="fa fa-clock-o"></i>10:00 AM - 11:30 PM</li>-->
                <!--                        </ul>-->
                <!--                        <ul class="social">-->
                <!--                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
                <!--                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
                <!--                            <li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>-->
                <!--                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
                <!--                        </ul>-->
                <!--                    </div>-->
                <!--                </nav>-->
                <!-- Canvas Menu end -->
            </header>
            <!--Header End-->
        </div>



        <!--        侧边栏-->
        <div>
            <div class="mask" id='mask-close'></div>
            <div class="left_all_tabs">
                <div class="left_all_content">
                    <div class="content_item" id="close">X</div>
                    <div class="content_item">
                        <div class="left_line"></div>
                        <a href="index.html" class="one_item">
                            <span>首页</span>
                            <img src="images/home_icon_qianjin.png" alt="">
                        </a>
                    </div>
                    <div class="content_item">
                        <a href="javascript:;" class="one_item">
                            <span>智慧设备</span>
                            <img src="images/home_icon_qianjin.png" alt="">
                        </a>
                    </div>
                    <!--                    二级分类-->
                    <div class="two_items">
                        <div class="two_item">
                            <a href="html/deviceAll.html" class="two_item_a">
                                <span>智慧汇总</span>
                            </a>
                            <a href="javascript:;" class="two_item_a">
                                <span>智慧停车</span>
                                <img src="images/home_icon_qianjin.png" alt="">
                            </a>
                            <!--                        三级分类-->
                            <div class="three_items">
                                <a href="./html/deviceLora.html">lora地磁</a>
                                <a href="./html/deviceNblot.html">nb-lot地磁</a>
                                <a href="./html/deviceDisuo.html">地锁</a>
                                <a href="./html/deviceDaozha.html">道闸</a>
                                <a href="./html/deviceGaowei.html">高位摄像头</a>
                                <a href="./html/deviceShipin.html">视频桩</a>
                                <a href="./html/devicePda.html">PDA</a>
                            </div>
                            <!--                        三级分类-->
                            <a href="javascript:;" class="two_item_a">
                                <span>智慧充电</span>
                                <img src="images/home_icon_qianjin.png" alt="">
                            </a>
                            <div class="three_items">
                                <a href="./html/deviceCharge.html">充电桩</a>
                            </div>
                            <a href="javascript:;" class="two_item_a">
                                <span>智慧照明</span>
                                <img src="images/home_icon_qianjin.png" alt="">
                            </a>
                            <div class="three_items">
                                <a href="./html/deviceLamp.html">智慧灯杆</a>
                            </div>
                        </div>
                    </div>
                    <!--                二级分类结束-->
                    <div class="content_item">
                        <a href="javascript:;" class="one_item">
                            <span>智慧方案</span>
                            <img src="images/home_icon_qianjin.png" alt="">
                        </a>
                    </div>

                    <!--                二级发恩磊-->
                    <div class="two_items">
                        <div class="two_item">
                            <a href="./html/plan.html" class="two_item_a">
                                <span>智慧停车</span>
                            </a>
                            <a href="./html/planCharge.html" class="two_item_a">
                                <span>智慧充电</span>
                            </a>
                            <a href="./html/planLamp.html" class="two_item_a">
                                <span>智慧照明</span>
                            </a>
                        </div>
                    </div>

                    <!--                二级分类结束-->

                    <div class="content_item">
                        <a href="./html/production.html" class="one_item">
                            <span>生产基地</span>
                            <img src="images/home_icon_qianjin.png" alt="">
                        </a>
                    </div>
                    <div class="content_item">
                        <a href="./html/shopParner.html" class="one_item">
                            <span>商务合作</span>
                            <img src="images/home_icon_qianjin.png" alt="">
                        </a>
                    </div>
                    <div class="content_item">
                        <a href="./html/aboutUs.html" class="one_item">
                            <span>关于我们</span>
                            <img src="images/home_icon_qianjin.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>


        <!--banner轮播start-->
        <div id="mod_slide" class="carousel slide" data-ride="carousel">
            <ul class="carousel-indicators">
                <li data-target="#mod_slide" data-slide-to="0" class="active"></li>
            </ul>

            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="./images/home_banner_bg1.png" alt="">
                </div>
            </div>
        </div>

        <!--        模块1-->
        <div class="mod1_slide">
            <div class="index_part10" style="background: white;height: 504.5px;">
                <div class="swiper-container swiper-container2">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide item">
                            <div class="title">智慧方案</div>
                            <div class="des">
                                以智慧设备结合当地环境生态、人情风貌及未来规划实现应用场景赋能升级
                            </div>
                            <div class="item_img">
                                <img src="./images/home_img_set.png" alt="">
                                <div class="label-group">
                                    <div class="title">城市停车体系建设</div>
                                    <div class='label'>全场景化建设城市闭环生态</div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide item">
                            <div class="title">智慧方案</div>
                            <div class="des">
                                以智慧设备结合当地环境生态、人情风貌及未来规划实现应用场景赋能升级
                            </div>
                            <div class="item_img">
                                <img src="./images/home_img_light.png" alt="">
                                <div class="label-group">
                                    <div class="title">城市系统照明实施</div>
                                    <div class='label'>系统化布局实施城市智慧照明</div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide item">
                            <div class="title">智慧方案</div>
                            <div class="des">
                                以智慧设备结合当地环境生态、人情风貌及未来规划实现应用场景赋能升级
                            </div>
                            <div class="item_img">
                                <img src="./images/home_img_charging.png" alt="">
                                <div class="label-group">
                                    <div class="title">新能源充电网搭建</div>
                                    <div class='label'>搭建智慧城市新能源充电体系网</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="display: flex;justify-content: space-around;margin: 20px 80px;padding-bottom: 30px">
                    <div class="my-button-prev2" id='mySwiper3-prev4'></div>
                    <div class="my-button-next2" id='mySwiper3-next4'></div>
                </div>
            </div>
        </div>


        <!--        模块2-->
        <div class="mod_new_slide">
            <div class="index_part10" style="background: #F7F7F7;height: 534.5px;">
                <div class="title" style="margin-top: 0px;">智慧产品</div>
                <div class="des">
                    全景化智慧城市实施建设基础设备
                </div>
                <div class="tabs">
                    <div class="tab">智慧停车</div>
                    <div class="tab">智慧照明</div>
                    <div class="tab">智慧充电</div>
                </div>
                <div class="swiper-container swiper-container3">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide item">
                            <div class="item_img" style="margin-top: 0px;">
                                <img class="shebei1" src="./images/shebei1.png" alt="">
                            </div>
                            <div class="name">OS级充电桩</div>
                        </div>
                        <div class="swiper-slide item">
                            <div class="item_img" style="margin-top: 0px;">
                                <img class="shebei1" src="./images/home_img_dici.png" alt="">
                            </div>
                            <div class="name">地磁</div>
                        </div>
                        <div class="swiper-slide item">
                            <div class="item_img" style="margin-top: 0px;">
                                <img class="shebei1" src="./images/home_img_kc.png" alt="">
                            </div>
                            <div class="name">快充设备</div>
                        </div>
                    </div>
                    <div class="swiper-pagination2">

                    </div>
                    <div style="display: flex;justify-content: space-around;margin: 20px 80px;">
                        <div class="my-button-prev3" id='mySwiper3-prev3'></div>
                        <div class="my-button-next3" id='mySwiper3-next3'></div>
                    </div>
                </div>
            </div>
        </div>


        <!--        模块三-->

        <div class="mod3">
            <div class="mod3_title">服务方案及对象</div>
            <div class="mod3_des">
                为各合作对象不同的场景及需求分享定制化解决方案实现搭建小智慧城市
            </div>
            <div class="mod3_items" id='service-plan'>
                <div class="mod3_item">
                    <img src="./images/home_icon_circle.png" alt="">
                    <div>商圈物业</div>
                </div>
                <div class="mod3_item">
                    <img src="./images/home_icon_residential.png" alt="">
                    <div>住宅社区</div>
                </div>
                <div class="mod3_item">
                    <img src="./images/home_icon_hotel.png" alt="">
                    <div>酒店物业</div>
                </div>
                <div class="mod3_item">
                    <img src="./images/home_icon_government.png" alt="">
                    <div>政府机关</div>
                </div>
                <div class="mod3_item">
                    <img src="./images/home_icon_wuye.png" alt="">
                    <div>综合体物业</div>
                </div>
                <div class="mod3_item">
                    <img src="./images/home_icon_park.png" alt="">
                    <div>停车场配套</div>
                </div>
                <div class="mod3_item">
                    <img src="./images/home_icon_park_nei.png" alt="">
                    <div>路内停车场</div>
                </div>
                <div class="mod3_item">
                    <img src="./images/home_icon_park_wai.png" alt="">
                    <div>路外停车场</div>
                </div>
                <div class="mod3_item">
                    <img src="./images/home_icon_park_xia.png" alt="">
                    <div>地下停车场</div>
                </div>
            </div>
            <div id="open_All">展开全部</div>
            <div style="width: 100%;height:20px"></div>
        </div>


        <!--        模块四-->
        <div class="mod4">
            <div class="mod4_title">
                合作伙伴
            </div>
            <div class="mod4_des">开放共享拥抱志同道合的商户深入合作</div>
            <div class="mod4_items" id='coopration-partner'>
                <div class="mod4_item">
                    <img src="./images/home_img_albb.png" alt="">
                </div>
                <div class="mod4_item">
                    <img src="./images/home_img_baofu.png" alt="">
                </div>
                <div class="mod4_item">
                    <img src="./images/home_img_dq.png" alt="">
                </div>
                <div class="mod4_item">
                    <img src="./images/home_img_gsyh.png" alt="">
                </div>
                <div class="mod4_item">
                    <img src="./images/home_img_hkws.png" alt="">
                </div>
                <div class="mod4_item">
                    <img src="./images/home_img_jf.png" alt="">
                </div>
            </div>
            <div class="open_All2" id='coopration_open_All'>
                <span>展开全部</span>
            </div>
        </div>


        <!--        模块五-->
        <div class="mod5">
            <div class="mod5_items">
                <div class="mod5_item">
                    <span>智慧设备</span>
                    <img src="./images/home_icon_qianjin.png" alt="">
                </div>
                <div class="mod5_slide_top">
                    <a href="./html/deviceLora.html">lora地磁</a>
                    <a href="./html/deviceNblot.html">nb-lot地磁</a>
                    <a href="./html/deviceDisuo.html">地锁</a>
                    <a href="./html/deviceDaozha.html">道闸</a>
                    <a href="./html/deviceGaowei.html">高位摄像头</a>
                    <a href="./html/deviceShipin.html">视频桩</a>
                    <a href="./html/devicePda.html">PDA</a>
                    <a href="./html/deviceCharge.html">充电桩</a>
                    <a href="./html/deviceLamp.html">智慧灯杆</a>
                </div>
                <div class="mod5_item">
                    <span>智慧方案</span>
                    <img src="./images/home_icon_qianjin.png" alt="">
                </div>
                <div class="mod5_slide_top">
                    <a href="./html/plan.html">智慧停车</a>
                    <a href="./html/planCharge.html">智慧充电</a>
                    <a href="./html/planLamp.html">智慧照明</a>
                </div>
                <div class="mod5_item">
                    <a href="./html/production.html" class="foot_one_item">
                        <span>生产基地</span>
                        <img src="./images/home_icon_qianjin.png" alt="">
                    </a>
                </div>
                <div class="mod5_item">
                    <a href="./html/shopParner.html" class="foot_one_item">
                        <span>商户合作</span>
                        <img src="./images/home_icon_qianjin.png" alt="">
                    </a>
                </div>
                <div class="mod5_item">
                    <a href="./html/aboutUs.html" class="foot_one_item">
                        <span>关于我们</span>
                        <img src="./images/home_icon_qianjin.png" alt="">
                    </a>
                </div>
                <div class="footer">
                    <img src="./images/home_img_logo.png" alt="">
                    <div class="phone">联系电话 0571-82565789</div>
                    <div class="beian">版权所有©️2019 浙江中智物联icp备案号</div>
                </div>
            </div>
        </div>
    </div>

    <!-- Swiper JS -->
    <!--[if !IE 9]><!-->
    <script src="js/swiper.min.js"></script>
    <!--<![endif]-->
    <!--[if IE 9]>
    <script src="js/idangerous.swiper.min.js"></script>
    <![endif]-->
    <script src="js/modernizr-2.8.3.min.js"></script>

    <script src="js/jquery.min.js"></script>

    <script type="text/javascript" src="https://unpkg.com/vue"></script>

    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-paginator.js"></script>
    <!-- Menu js -->
    <script src="js/rsmenu-main.js"></script>
    <!-- op nav js -->
    <script src="js/jquery.nav.js"></script>
    <!-- owl.carousel js -->
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/slick.min.js"></script>
    <!-- isotope.pkgd.min js -->
    <script src="js/isotope.pkgd.min.js"></script>
    <!-- imagesloaded.pkgd.min js -->
    <script src="js/imagesloaded.pkgd.min.js"></script>
    <!-- wow js -->
    <script src="js/wow.min.js"></script>

    <!-- Skill bar js -->
    <script src="js/skill.bars.jquery.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <!-- counter top js -->
    <script src="js/waypoints.min.js"></script>
    <!-- video js -->
    <script src="js/jquery.mb.YTPlayer.min.js"></script>
    <!-- magnific popup -->
    <script src="js/jquery.magnific-popup.min.js"></script>
    <!-- Nivo slider js -->
    <script src="inc/custom-slider/js/jquery.nivo.slider.js"></script>
    <!-- plugins js -->
    <script src="js/plugins.js"></script>
    <!-- contact form js -->
    <script src="js/contact.form.js"></script>
    <!-- main js -->
    <script src="js/main.js"></script>

    <!-- Initialize Swiper -->

    <script src="js/mounse.js"></script>
    <script src="../js/tingjiuxing-js/myTabs.js"></script>
    <script>
        var mySwiper2 = new Swiper('.index_part10 .swiper-container2', {
            slidesPerView: 1,
            slidesPerGroup: 1,
            loop: true,
            pagination: 'index_part10 .swiper-pagination',
            centeredSlides: true,
            // spaceBetween: 20,
            autoplay: {
                disableOnInteraction: false,
                delay: 8000
            },
            speed: 3000,
            delay: 0,
            stopOnLastSlide: false,
            disableOnInteraction: true,
            preventLinksPropagation: false,
            autoplayDisableOnInteraction: false
        });

        $('.my-button-prev').click(function () {

            var _this = this
            $(this).css("background-image", "url(./images/left.png)")

            setTimeout(function () {
                $(_this).css("background-image", "url(./images/index/home/home_icon_left.png)")
            }, 500)
            mySwiper2.slidePrev();
        })
        $('.my-button-next').click(function () {

            var _this = this
            $(this).css("background-image", "url(./images/right.png)")

            setTimeout(function () {
                $(_this).css("background-image", "url(./images/index/home/home_icon_right.png)")
            }, 500)
            mySwiper2.slideNext();
        })

        var mySwiper3 = new Swiper('.index_part10 .swiper-container3', {
            slidesPerView: 1,
            slidesPerGroup: 1,
            loop: true,
            pagination: {
                el: '.swiper-pagination2',
                click: true
            },
            centeredSlides: true,
            // spaceBetween: 20,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            speed: 3000,
            delay: 0,
            stopOnLastSlide: false,
            disableOnInteraction: true,
            preventLinksPropagation: false,
            autoplayDisableOnInteraction: false
        });

        $('#mySwiper3-prev').click(function () {
            var _this = this
            $(this).css("background-image", "url(./images/left.png)")

            setTimeout(function () {
                $(_this).css("background-image", "url(./images/index/home/home_icon_left.png)")
            }, 500)
            mySwiper3.slidePrev();
        })
        $('#mySwiper3-next').click(function () {
            var _this = this
            $(this).css("background-image", "url(./images/right.png)")

            setTimeout(function () {
                $(_this).css("background-image", "url(./images/index/home/home_icon_right.png)")
            }, 500)
            mySwiper3.slideNext();
        })


        $('.product_item').click(function () {
            window.location.href = './html/deviceAll.html'
        })


        $('.build_item').eq(0).click(function () {
            window.location.href = './html/plan.html'
        })

        $('.build_item').eq(1).click(function () {
            window.location.href = './html/planLamp.html'
        })

        $('.build_item').eq(2).click(function () {
            window.location.href = './html/planCharge.html'
        })

        $('.click_slide').click(function () {

            var title = $(this).data("title")

            console.log(title)
            // return
            if (title == "快充设备") {
                window.location.href = './html/deviceCharge.html'
            }
            if (title == "OS级充电桩") {
                window.location.href = './html/deviceCharge.html'
            }
            if (title == "地磁") {
                window.location.href = './html/deviceLora.html'
            }
            // if () {}
            // if ($(this).dataset.title=="") {}
        })



        // 点击事件

        $('.shebei_link a').click(function () {
            $(this).siblings('.open_data').slideToggle();
        })

        $('.shebei_link2 a').click(function () {
            $(this).siblings('.open_data2').slideToggle();
        })

        var doms = $('.dom_item')
        var doms_item = $('.dom_item_content')
        for (var i = 0; i < doms.length; i++) {
            var j = i;
            doms.eq(i).click(function () {
                doms_item.eq(i).css('display', 'block')
                doms_item.eq(i).siblings('.dom_item_content').css('display', 'none')
            })
        }
        // mySwiper2.on('click',function (e) {
        //     console.log(e)
        // })


        function getOpenItem(imgUrl, title) {
            let openItem = '<div class="mod3_item">'
                + '<img src="' + imgUrl + '" alt="">'
                + '<div>' + title + '</div>'
                + '</div>'
            return openItem;
        }

        let openItems = [{
            imgUrl: './images/home_icon_park_shang.png',
            title: '地面停车场'
        }, {
            imgUrl: './images/home_icon_plan.png',
            title: '定制化解决方案'
        }, {
            imgUrl: './images/home_icon_onestop.png',
            title: '一站式建站服务'
        }, {
            imgUrl: './images/home_icon_technology.png',
            title: '技术服务'
        }, {
            imgUrl: './images/home_icon_operating.png',
            title: '运营服务'
        }, {
            imgUrl: './images/home_icon_ad.png',
            title: '广告运营'
        }]

        const serviceSpanHtml = $('#service-plan').html()
        let serviceSpanOpenFlag = true
        // 展开全部
        $('#open_All').click(function () {
            if (serviceSpanOpenFlag) {
                serviceSpanOpenFlag = !serviceSpanOpenFlag
                let moreHtml = ''
                for (let i = 0; i < openItems.length; i++) {
                    moreHtml += getOpenItem(openItems[i].imgUrl, openItems[i].title)
                }
                $('#service-plan').html(serviceSpanHtml + moreHtml)
                $('#open_All').html('<span>收起</span>')
            } else {
                serviceSpanOpenFlag = !serviceSpanOpenFlag
                $('#service-plan').html(serviceSpanHtml)
                $('#open_All').html('<span>展开全部</span>')
            }
        })


        function getCooprateItem(imgUrl) {
            let cooprateItem =
                '<div class="mod4_item">'
                + '<img src="' + imgUrl + '" alt="">'
                + '</div>'
            return cooprateItem
        }

        let cooprateItems = ['./images/home_img_wj.png', './images/home_img_zc.png']
        const cooprationPartnerHtml = $('#coopration-partner').html()
        let cooprationPartnerOpenFlag = true

        $('#coopration_open_All').click(function () {
            if (cooprationPartnerOpenFlag) {
                cooprationPartnerOpenFlag = !cooprationPartnerOpenFlag
                let moreHtml = ''
                for (let i = 0; i < cooprateItems.length; i++) {
                    moreHtml += getCooprateItem(cooprateItems[i])
                }
                $('#coopration-partner').html(cooprationPartnerHtml + moreHtml)
                $('#coopration_open_All').html('<span>收起</span>')
            } else {
                cooprationPartnerOpenFlag = !cooprationPartnerOpenFlag
                $('#coopration-partner').html(cooprationPartnerHtml)
                $('#coopration_open_All').html('<span>展开全部</span>')
            }
        })




        $('.fa-bars').click(function () {
            $('.menu-sticky').css('display', 'none')
            $('.left_all_tabs').css({ 'display': 'block', 'margin-top': '75px' }).stop().animate({ width: "309px" }, 300)
            $('.mask').css({ 'display': 'block'})
        })

        $('#close').click(function () {
            $('.menu-sticky').css('display', 'block')
            $('.left_all_tabs').css('display', 'none').stop().animate({ width: "0px" }, 300)
        })

        $('#mask-close').click(function () {
            $('.menu-sticky').css('display', 'block')
            $('.left_all_tabs').css('display', 'none').stop().animate({ width: "0px" }, 300)
        })

        for (var i = 0; i < $('.content_item').length; i++) {
            $('.content_item').eq(i).click(function () {
                var status = $(this).next('.two_items').is(":visible")
                $(this).next('.two_items').slideToggle()

                if (!status) {
                    $(this).children('a').children('img').css('transform', 'rotate(90deg)')
                } else {
                    $(this).children('a').children('img').css('transform', 'rotate(0deg)')
                }

            })
        }


        for (var i = 0; i < $('.two_item_a').length; i++) {
            $('.two_item_a').eq(i).click(function () {
                var status = $(this).next('.three_items').is(":visible")
                $(this).next('.three_items').slideToggle()

                if (!status) {
                    $(this).children('img').css('transform', 'rotate(90deg)')
                } else {
                    $(this).children('img').css('transform', 'rotate(0deg)')
                }

            })
        }


        for (var i = 0; i < $('.mod5_item').length; i++) {
            $('.mod5_item').eq(i).click(function () {
                var status = $(this).next('.mod5_slide_top').is(":visible")
                $(this).next('.mod5_slide_top').slideToggle()

                if (!status) {
                    $(this).children('img').css('transform', 'rotate(90deg)')
                } else {
                    $(this).children('img').css('transform', 'rotate(0deg)')
                }

            })
        }



    </script>
</body>

</html>